// JavaScript Document
$(function () {
    // 设置首页底部导航颜色的选中样式和没有选中样式
    for (var i = 0; i < $("#main-navbar div button").length; i++) {
        if (i == 0) {
            $("#main-navbar div button").eq(0).attr("class", "btn btn-success");
        } else {
            $("#main-navbar div button").eq(i).attr("class", "btn btn-default");
        }
    }

    // 设置会员页面选中样式和没有选中的样式
    for (var i = 0; i < $("#member-merchant-nav div button").length; i++) {
        if (i == 0) {
            $("#member-merchant-nav div button").eq(0).attr("class", "btn btn-danger");
        } else {
            $("#member-merchant-nav div button").eq(i).attr("class", "btn btn-default");
        }
    }


    // 主界面导航标签的单击事件，如果单击了，就可以获取到index值，并遍历content中的li标签数组，只要下标和保存的index一致就将该标签显示
    $("#main-navbar div button").click(function () {
        var mainIndex = $("#main-navbar div button").index($(this));
        $("#main-navbar div button").attr("class", "btn btn-default");
        $(this).attr("class", "btn btn-success");
        $("#content li").attr("hidden", "hidden");
        $("#content li").eq(mainIndex).removeAttr("hidden");
        // 上面操作会是#member-merchant-content li也会全部隐藏，需要显示
        $("#member-content").removeAttr("hidden");
        $("#merchant-content").removeAttr("hidden");
    });

    // 会员界面导航标签的单击事件，如果单击了，就可以获取到index值，并遍历content中的li标签数组，只要下标和保存的index一致就将该标签显示
    $("#member-merchant-nav div button").click(function () {
        var index = $("#member-merchant-nav div button").index($(this));
        $("#member-merchant-nav div button").attr("class", "btn btn-default");
        $(this).attr("class", "btn btn-danger");
        for(var i = 0; i < $(".member-merchant-tag").length;i++ ) {
            if(index == i) {
                $(".member-merchant-tag").eq(i).removeAttr("hidden");
            } else {
                $(".member-merchant-tag").eq(i).attr("hidden", "hidden");
            }
        }
    });
    
    
    
});